<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>列表页</title>
<link href="public/css/body.css" rel="stylesheet" type="text/css">
<link href="public/css/style.css" rel="stylesheet" type="text/css">
<script src="public/js/jquery-1.7.1.min.js"></script>
<script src="public/js/style.js"></script>
</head>
<body>
<!--头部-->
<div class="header width left">
	<ul>
    	<li class="sy-1"><h3><a href="">Jun</a></h3></li>
        <li class="sy-2"><a href="">管理后台</a></li>
        <li class="sy-3">
        	<a href="javascript:viod(0);"><span>全部分类</span><span class="caret"></span><span class="caret2"></span></a>  
        	<div>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
            </div>
        </li>
        <li class="sy-4">
        	<a href="javascript:viod(0);"><span>超级管理员</span><span class="caret"></span><span class="caret2"></span></a>
        	<ul>
            	<li><a href="">修改资料</a></li>
                <li><a href="">退出登录</a></li>
            </ul>
      </li>
  </ul>
</div>
<!--左侧-->
<div class="left-1">
    <ul class="ul">
    	<li>
        	<a href="javascript:viod(0);"><span class="vi"></span>一级分类</a>
            <ul>
            	<li class="li bag"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
            </ul>
        </li>
        <li>
        	<a href="javascript:viod(0);"><span class="vi"></span>一级分类</a>
            <ul>
            	<li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
            </ul>
        </li>
    </ul>
</div>
<div class="left-2">
	<div class="top-3">三级分类</div>
    <div class="list">
    	<ul>
        	<li><a href="">标签一</a></li>
            <li class="tub"><a href="">标签二</a></li>
            <li><a href="">标签三</a></li>
            <li><a href="">标签四</a></li>
        </ul>
    </div>
</div>



<!--main-->
<style>body{background-color:#fff}</style>
<div class="main left">
	<div class="main-left width-100" style="margin-top:0px">
    	<div class="left_bor"><span> TAB 切换 </span></div>
    	<!--注意事项说明-->
		<div class="lego-tab left">
			<p style="">注意说明: 注.net低价来袭，首年13元！详情猛戳</p>
		</div>
        <!-- tab头 -->
        <ul class="nav-tabs left">
            <li class="active"><a title="TAB-1">SEO设置</a></li>
            <li><a title="TAB-2">网站基本设置</a></li>
            <li><a title="TAB-3">网站高级设置</a></li>
        </ul>
        <!-- tab对应主体 TAB-1 -->
        <div id="TAB-1" class="width left min-tab2">
        	<table class="content" border="0" cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td class="left-txt"><span class="c-red">*</span>文本框：</td>
                    <td><input class="input-text" name="" type="text"></td>									
                </tr>
                <tr>
                    <td class="left-txt"><span class="c-red">*</span>文本域：</td>
                    <td><input class="textarea" name="" type="text"></td>									
                </tr>
                <tr>
                    <td class="left-txt"><span class="c-red">*</span>下拉框：</td>
                    <td><select class="input-text" name="">
                            <option value="">1</option>
                            <option value="">2</option>
                        </select>
                    </td>									
                </tr>
                <tr>
                    <td class="left-txt"><span class="c-red">*</span>单选按钮：</td>
                    <td>
                        <input name="" type="radio" value=""> <span>男</span>
                        <input name="" type="radio" value=""> <span>女</span>
                        <input name="" type="radio" value=""> <span>中性</span>
                    </td>									
                </tr>
                <tr>
                    <td class="left-txt"><span class="c-red">*</span>多选按钮：</td>
                    <td>
                        <input name="" type="checkbox" value=""> <span>篮球</span>
                        <input name="" type="checkbox" value=""> <span>足球</span>
                        <input name="" type="checkbox" value=""> <span>兵乓球</span>
                    </td>									
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <span><input class="Jun-TiJiao" name="" type="submit" value="保存并提交"></span>
                        <span><input class="Jun-QuXiao" name="" type="reset" value="取消"></span>
                    </td>									
                </tr>
            </tbody> 
        </table>
        </div>
        <!-- tab对应主体 TAB-2 -->
        <div id="TAB-2" class="width left min-tab">
        	<table class="content" border="0" cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td class="left-txt"><span class="c-red">*</span>文本框：</td>
                    <td><input class="input-text" name="" type="text"></td>									
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <span><input class="Jun-TiJiao" name="" type="submit" value="保存并提交"></span>
                        <span><input class="Jun-QuXiao" name="" type="reset" value="取消"></span>
                    </td>									
                </tr>
                
                </tbody>
            </table>
        </div>
        <!-- tab对应主体 TAB-3 -->
        <div id="TAB-3" class="width left min-tab">
        	<table class="content" border="0" cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td class="left-txt"><span class="c-red">*</span>文本框：</td>
                    <td><input class="input-text" name="" type="text"></td>									
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <span><input class="Jun-TiJiao" name="" type="submit" value="保存并提交"></span>
                        <span><input class="Jun-QuXiao" name="" type="reset" value="取消"></span>
                    </td>									
                </tr>
                
                </tbody>
            </table>
        </div>
        
    </div>
</div>

</body>
</html>

